<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>织慧零售管理系统--登录</title>
<link rel="stylesheet" type="text/css" href="ext/resources/css/ext-all.css" /> 
<script type="text/javascript" src="ext/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="ext/ext-all.js"></script>
</head>
<body>
 
 <?php
    echo '<table height=100%><tr height=100%><td height=100%><h1>Hello,这是通过ajax显示的页面</h1></td></tr></table><h1>Hello,这是通过ajax显示的页面</h1><br/>' ;
	echo '当前页面的controller是'.@$_GET['controller'].'<br/>';
	echo '当前页面的action是'.@$_GET['action'];
  ?>
  <script>
Ext.onReady(function(){	
          //使用表单提示
          Ext.QuickTips.init();
          Ext.form.Field.prototype.msgTarget = 'side';
		  
		  //定义表单
          var simple = new Ext.FormPanel({
				labelWidth: 75, 			
				baseCls: 'x-plain',
				defaults: {width: 150},
				defaultType: 'textfield',//默认字段类型
                 
				//定义表单元素
				items: [{
						fieldLabel: '帐户',
						name: 'name',//元素名称
						//anchor:'95%',//也可用此定义自适应宽度
						allowBlank:false,//不允许为空
						blankText:'帐户不能为空'//错误提示内容
					},{
					    inputType:'password',
						fieldLabel: '密码',
						//anchor:'95%',
						name: 'pws',
						allowBlank:false,
						blankText:'密码不能为空'
					}
				],

				buttons: [{
					text: '登陆',
					type: 'submit',
					//定义表单提交事件
					handler:function(){
                              if(simple.form.isValid()){//验证合法后使用加载进度条
							      Ext.MessageBox.show({
									   title: '请稍等',
									   msg: '正在加载...',
									   progressText: '',
									   width:300,
									   progress:true,
									   closable:false,
									   animEl: 'loding'
								   });
								   //控制进度速度
								   var f = function(v){
									 return function(){
												var i = v/11;
												Ext.MessageBox.updateProgress(i, '');
								            };
								   };

								   for(var i = 1; i < 13; i++){
										setTimeout(f(i), i*150);
								   }
                                  
								  //提交到服务器操作
								  simple.form.doAction('submit',{
									 url:'check.php',//文件路径
									 method:'post',//提交方法post或get
									 params:'',
									 //提交成功的回调函数
									 success:function(form,action){
											if (action.result.msg=='ok') {
												document.location='index.php';
											} else {
												Ext.Msg.alert('登陆错误',action.result.msg);
											}
									 },
									 //提交失败的回调函数
									 failure:function(){
											Ext.Msg.alert('错误','服务器出现错误请稍后再试！');
									 }
								  });
							   }                               						   
					}
				},{
					text: '取消',
					handler:function(){simple.form.reset();}//重置表单
				}]
			});    
			       //定义窗体
				   win = new Ext.Window({
						id:'win',
						title:'用户登陆',
						layout:'fit',				
						width:300,
						height:150,
						plain:true,
                        bodyStyle:'padding:5px;',
						maximizable:false,//禁止最大化
						closeAction:'close',
						closable:false,//禁止关闭
						collapsible:true,//可折叠
						plain: true,
						buttonAlign:'center',
						items:simple//将表单作为窗体元素嵌套布局
					});
					win.show();//显示窗体
										
		 });
</script>
  </body>
  </html>